<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!--头部固定引用-->
    <meta charset="utf-8">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/icon-font.css"/><!--图标-->
    <link rel="stylesheet" href="../../css/info-detail.css"><!--图片样式需要统一,部分css放在了这里-->
    <!--固定引用结束,自定义引用添加在下面-->
    <title>帮助中心</title>
    <!--页面样式添加在这里，多看看base。css里面的公共样式，大部分常用的都有，避免使用独立css文件为单独页面设置样式，避免随意添加样式到公共样式-->
    <style>

        .help-center-division2 {
            height: 1px;
            background: rgba(244, 244, 244, 1);
        }

        /*************菜单选择器**开始**************/

        .search-inside-warp .search-inside-column {
            height: 0.4rem;
            white-space: nowrap;
            width: 100%;
        }

        .search-inside-warp .search-inside-column .search-inside-item {
            height: 0.72rem;
            line-height: 0.72rem;
            margin: 0 0.32rem;
            color: rgba(34, 34, 34, 0.45)
        }

        .search-inside-warp .search-inside-column .search-inside-item .search-inside-underline {
            width: 100%;
            bottom: .04rem;
        }

        .search-inside-warp .search-inside-column .search-inside-item .search-inside-underline span {
            width: .36rem;
            background: rgba(44, 104, 255, 1);
            border-radius: .04rem;
        }

        .search-inside-warp .search-inside-column .search-inside-item .search-inside-underline .underactive {
            height: 0.04rem;
            width: 1.76rem;
        }

        .search-inside-warp .search-inside-column .active {
            color: rgba(44, 104, 255, 1);
        }

        .search-inside-warp .inside-inside-traneara {
            width: .4rem;
            height: .88rem;
            right: 1.08rem;
            background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        }


        .search-inside-warp .inside-inside-lefteara {
            width: .4rem;
            height: .88rem;
            left: 0;
            z-index: 11;
            background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        }

        .search-inside-warp .column-img {
            width: .64rem;
            height: 0.72rem;
            /*margin-top: 0.14rem;*/
            margin-left: 0.44rem;
        }

        .search-inside-warp .column-img span {
            margin-left: 0;
        }

        /*************菜单选择器**结束**************/

        .help-title-font {
            font-size: 0.32rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
        }

        .help-title-question {
            font-size: 0.32rem;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: rgba(34, 34, 34, 1);
            line-height: 0.44rem;
            margin: 0.32rem 0.32rem 0 0.32rem;
        }

        .help-title-answer {
            line-height: 0.48rem;
            font-size: 0.26rem;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(34, 34, 34, 0.7);
            padding: 0 0.32rem 0.44rem 0.32rem;
        }


    </style>
</head>
<body>

<!--定义整个页面格局-->
<div class="flex-column h-100-p ff400">

    <!-- 导航栏&标题栏 -->
    <div class="placeholder-top">
        <!--状态栏-->
        <div class="bg-main status-bar pos-f"></div>
        <!--导航栏-->
        <div class="bg-main nav-bar pos-f flex-row justify-content-between c-white align-items-center">
            <div class="left-bar" onclick="clickBack()">
                <span class="iconfont iconfanhui1 fspx14"></span>
            </div>
            <div class="center-bar  ff500 line1 help-title-font">帮助中心</div>
            <div class="right-bar">
            </div>
        </div>
    </div>

    <div class="flex-row help-center-division2"></div>


    <div class="flex-column flex-1 bg-white scoll-y">
        <!--问题-->
        <div class="help-title-question">

        </div>

        <!--答案-->
        <div class="help-title-answer info-detail">

        </div>
    </div>

</div>
</body>
<!--下面四个文件为固定引用，自己根据情况调整路径，不要跟换引入顺序，其他引用添加在后面-->
<script src="../../js/dict.js"></script>
<script src="../../js/jquery-3.4.1.min.js"></script>
<script src="../../js/checkJsBridge.js"></script>
<script src="../../js/utils.js"></script>
<!--固定引用结束-->
<script src="../../js/api.js"></script>

<!--避免一个页面包含过多功能，减少js重绘页面，推荐分功能，分页面-->
<script>

    //初始化标题名, 问题 ,答案
    function ininQuesionAndAnswer(questionId) {
      Server.helpCenter.getHelpCenterAnswer({
        questionId: questionId,
      }).then(function (data) {
        $('.help-title-font').html(data.list.title)
        $('.help-title-question').html(data.list.title)
        $('.help-title-answer').html(data.list.answer)
      })

    }

    /*固定页面初始化方法，用于替代$(function(){}),param为url参数，Object类型*/
    function initPage(params) {
      //状态栏自适应
      Utils.sbhAdaptive()
      ininQuesionAndAnswer(params.questionId)

    }

    /*页面所在窗口由后台前台时触发的方法,param为url参数，Object类型*/
    function startPage(params) {

    }

</script>
</html>
